<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>其卡通</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/cooperation.js"></script>
    <script src="js/public.js"></script>
</head>
<body>
<div class="main-wrapper coopBg">
    <div class="header">
        <div class="main-wrapper">
            <div class="header">
                <nav class="navbar navbar-default navbar-fixed-top">
                    <div class="container-fluid">
                        <!-- 小屏幕适应 -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="index-main.html"><img src="img/logo.png" alt="其卡通"></a>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav pull-right header-ul">
                                <li><a class="us" href="index-main.html#us"> 我们 </a></li>
                                <li><a class="production" href="index-main.html#movie12">作品</a></li>
                                <li><a class="highlights" href="index-main.html#light">亮点</a></li>
                                <li><a class="recruit" href="qiuxian.html" >求贤</a></li>
                                <li><a class="cooperation active" href="cooperation.html">合作</a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
            </div>

        </div>
    </div>
    <div class="containt-about">
        <h2>关于合作</h2>
        <div class="wrapper-about">
            <div class="about-coop">
           </div>
        </div>
    </div>
    <div class="containt-coop">
        <section id="contact" class="clear">
            <div class="container-small contact-form-container">
                <h2 style="font-family: 'Adobe 宋体 Std L';font-size: 60px;">联系我们</h2>
                <div class="">
                    <form id="contact-form">
                        <label class="small-input"><span>阁下名讳</span>
                            <input class="input" type="text" name="name" value="">
                        </label>
                        <label class="small-input"><span>职位名称</span>
                            <input class="input" type="text" name="cname" value="">
                        </label>
                        <label class="small-input"><span>联系电话</span>
                            <input class="input" type="tel" name="tel" value="">
                        </label>
                        <label class="small-input"><span>邮箱地址</span>
                            <input class="input" type="email" name="mail" value="">
                        </label>
                        <label class="big-input"><span>传递信息</span>
                            <textarea class="reply" id="con"></textarea>
                        </label>
                        <label class="submit-button">
                            <input type="button" value="提交申请" id="button321">
                            <span id="contact-message"></span>
                        </label>
                    </form>
                </div>
            </div>
        </section>
    </div>
    <footer>
        <div class="footer-left">
            <div class="footer-img">
                <ul>
                    <li><img src="./img/weixin.png" alt="微信"><a>itscartoon_2002</a></li>
                    <li><img src="./img/weibo.png" alt="微博" ><a href="here@itscartoon.com">here@itscartoon.com</a></li>
                    <li><img src="./img/email.png" alt="email"><a href="http://weibo.com/u/1781297385?topnav=1&wvr=6&topsug=1">http://weibo.com/u/1781297385?topnav=1&wvr=6&topsug=1</a></li>
                    <li><img src="./img/logo-bottom.png" alt=""></li>
                </ul>
            </div>

        </div>
        <div class="footer-right">
            <div class="footer-right-son" >
                <span>京ICP备字-01092817</span>
                <img src="img/logo-bottom-right.png" alt=""><br>
                <span>©<a href="#"> ITSCARTOON</a>· Animation.All rights reserved</span>
            </div>
        </div>
    </footer>
</div>
</body>
</html>